<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<style type="text/css">
select{
height: 23px;

}


#max{
background: none;
}
.row,.wraping{
    background-color: #fff;
}
.row{
    margin:0;
}
.tr-font{
    font-size: 18px;
}
.tr-font select{
    padding: 0;
}
.station-btn-right{
    width: 500px;
    position: absolute;
    top: 64px;
    right: 32px;
    text-align: right;
}
.popup{
    position: absolute;
    width: 820px;
    height: auto;
    left: 50%; top: 40%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    border: 10px solid #fff;
    background-color: #f1f1f1;
    text-align: center;
}
/**/
.flexslider {
    margin: 0px auto;
    position: relative;
    width: 800px;
    height: 600px;
    overflow: hidden;
    zoom: 1;
}
ul li{
     list-style: none;
}
ul.slides{
    padding: 0;
    height: 100%;
}
.flexslider .slides li {
    width: 100%;
    height:100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(assets/images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    max-width: 800px;
    max-height: 600px;
    vertical-align: middle;
}
#fancybox_close{
    position: absolute;
    top: -25px;
    right: -25px;
    width: 30px;
    height: 30px;
    background: transparent url(assets/images/fancybox.png) -40px 0px;
    cursor: pointer;
    z-index: 99999;
}
.btn_bg{
    background: url(assets/images/chakan03.png);
    width: 44px;
    height: 20px;
    padding: 0px 8px;
    border-radius: 2px !important;
    display: inline-block;
    margin: 3px 1px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.li_box{
   display:table;
    text-align:center;
}
.li_box a{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    width: 100%;
    height: 100%;
}
#shade{
    position:fixed;
    top: 0px;
    opacity: 0.45;
    background-color: #000;
    z-index: 99999;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
}
</style>
<body class="page-header-fixed">

<!-- 
<div class="station-btn-left">

    <a class="btn blue" href="javascript:;" ng-click="batchDeleteStation();">
        <i class="fa fa-times"></i>
        批量删除
    </a>

</div>
 -->
<div class="form-group" style="margin: 0px;">
<search-data></search-data>
<!-- <div class="row" style="margin-bottom: 10px;">

</div> -->
</div>

<table class="table table-striped table-bordered table-hover" id="table_1" style="background-color: #fff">
<thead>
<tr class="tr-font">
    <th>ID</th>
    <th>桩号</th>
    <th>
        <select ng-model="transferType" ng-change="filterTransferType();" style="width: 87px;">
            <option value="">传输类型</option>
            <option value="1">下发</option>
			<option value="2">上传</option>
			<option value="3">OMS不回复 </option>
        </select>
    </th>
    <th style="width: 87px;">帧类型</th>
    <th>指令名称</th>
    <th>报文内容</th>
    <th>时间</th>
</tr>
</thead>
<tbody>
<tr class="odd gradeX" ng-repeat="station in stationList  track by $index" pg-loaded="{{$last}}" target-table="table_1">
    
    <td>
        <span ng-bind="station.id"></span>
    </td>
    <td>
        <span ng-bind="station.charger_id"></span>
    </td>
    <td>
        <span ng-bind="station.transfer_type | getValueInStaticFilter : 'transferTypeArray'"></span>
    </td>
    <td>
        <span ng-bind="station.frame_type"></span>
    </td>
    <td>
        <span ng-bind="station.ins_name"></span>
    </td>
    <td>
        <span ng-bind="station.ins_content"></span>
    </td>
    <td>
        <span ng-bind="station.create_time | date:'yyyy-MM-dd HH:mm:ss' "></span>
    </td>

</tr>
</tbody>
</table>
<tm-pagination conf="paginationConf"></tm-pagination>
<div id="shade"></div>
<div class="popup" ng-if="!!imgesList&&imgesList.length>0">
    <a id="fancybox_close" ng-click="closeImageShow();"></a>
    <div id="banner_tabs" class="flexslider">
    <ul class="slides">
        <li ng-repeat="imge in imgesList" class="li_box">
            <a title=""  href="javascript:;" class="">
                <img src="{{imge}}">
            </a>
        </li>
    </ul>
    <ul class="flex-direction-nav">
        <li><a class="flex-prev"  ng-click="clickImage('prev');">Previous</a></li>
        <li><a class="flex-next"  ng-click="clickImage('next');">Next</a></li>
    </ul>
</div>
</div>

<script type="text/javascript">
$(function(){
    $(document).bind("click",function(e){
        var target  = $(e.target);
        if(target.closest(".popup").length == 0){
            $('#shade').fadeOut(300);
            $(".popup").css('display','none');
        }
    });
})
</script>

</body>
</html>
<script>
$('.getTime').datetimepicker({
language: 'zh-CN',
pickTime: false,
todayBtn: true,
autoclose: true,
minView: '2',
forceParse: false,
format: "yyyy-mm-dd"
});
</script>
